 {include file="public/head" /}
 <meta charset="utf-8">
 <style>
 .info-title{padding:10px 0;font-size:18px;color:#606266;font-weight:bold;}
 .no-coin{border:1px solid #f1f1f1;border-radus:5px;text-align:center;height:60px;line-height:60px;}
 .info-info{margin-left:10px;}
 .info-name{font-weight:bold;width:100px}
 </style>
<body>
	<div id="box" v-cloak>
		<div class="info-title">基本信息</div>
		<div class="row">
		  	<div class="col-sm-6">
		  		<div class="form-group">
				    <label class="info-name">用户账号</label>
				    <span class="info-info">{{user_info.user_name}}</span>
				</div>
				<div class="form-group">
				    <label class="info-name">手机号码</label>
				    <span class="info-info">{{user_info.mobile}}</span>
				</div>
				<div class="form-group">
				    <label class="info-name">真实姓名</label>
				    <span class="info-info">{{user_info.real_name}}</span>
				</div>
		  	</div>
		  	<div class="col-sm-6">
		  		<div class="form-group">
				    <label class="info-name">用户编号</label>
				    <span class="info-info">{{user_info.no}}</span>
				</div>
				<div class="form-group">
				    <label class="info-name">推荐人</label>
				    <span class="info-info">{{user_info.no}}</span>
				</div>
				<div class="form-group">
				    <label class="info-name">推荐人手机号</label>
				    <span class="info-info">{{user_info.tj_mobile}}</span>
				</div>
		  	</div>
		</div>
		<div class="info-title">用户余额</div>
		<table class="table table-bordered table-sm" v-if="user_coin">
			<tr>
				<th v-for="item in user_coin">{{item.coin_info.name}}</th>
			</tr>
			<tr>
				<td v-for="item in user_coin">
					<span>钱包地址：</span>
					<span>{{item.address}}</span>
				</td>
			</tr>
			<tr>
				<td v-for="item in user_coin">
					<span>可用余额：</span>
					<span>{{item.avalible_price}}</span>
				</td>
			</tr>
			<tr>
				<td v-for="item in user_coin">
					<span>冻结余额：</span>
					<span>{{item.freezing_price}}</span>
				</td>
			</tr>
		</table>
		<div v-esle class="no-coin">
			暂无账户余额
		</div>
	</div>
</body>
<script>
new Vue({
	el:"#box",
	data:{
		user_coin : {$user_coin | json_encode},
		user_info : {$user_info }
	},
	mounted:function(){
		console.log(this.user_coin);
	},
	methods:{}
});
</script>
</html>